<template>
  <div class="audition195">
    <h3><strong>区别：</strong></h3>
    <p>1. cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。</p>
    <p>localStorage不会自动把数据发给服务器，仅在本地保存</p>
    <p>2. cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。</p>
    <p>3. 存储大小限制也不同，cookie数据不能超过4k，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如会话标识。</p>
    <p>localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。</p>
    <p>4. 数据有效期不同，</p>
    <p>localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；</p>
    <p> cookie只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。</p>
    <h3><strong>使用场景：</strong></h3>
    <p>localStorage可以用来统计页面访问次数。</p>
    <p>cookie一般存储用户名密码相关信息，一般使用escape转义编码后存储。</p>
  </div>
</template>

<script>
export default {
  name: 'Audition195'
}
</script>

<style>

</style>